a{
    text-decoration: none;
}
.kobinet-bg {
    background: linear-gradient( 90deg,#10264e,#0f3460);
}

@media screen and (min-width: 800px) {
 .kobinet-bg a.nav-link {
   color: #fff;
}
}
.display-1 {
    font-size: 2.85rem;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
}
.lead {
    font-size: 1.15rem;
    font-weight: 400;
}
.shape {
    margin-top: -7vw;
    position: absolute;
}
.icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  vertical-align: middle;
  border-radius: 0.375rem;
  width: 3rem;
  height: 3rem; }
  .icon svg,
  .icon i {
    font-size: 1.125rem; }
    .icon .svg_icon {
        width: 1.85rem;
        height: 1.85rem; }
        .icon-sm {
            width: 2rem;
            height: 2rem; }
            .icon-sm svg,
            .icon-sm i {
              font-size: .75rem; }
              .icon-sm .svg_icon {
                  width: .85rem;
                  height: .85rem; }
                  .icon-xl {
                    width: 5rem;
                    height: 5rem; }
                    .icon-xl svg,
                    .icon-xl i {
                      font-size: 2.25rem; }
                      .icon-xl .svg_icon {
                          width: 3rem;
                          height: 3rem; }
                          .icon-lg {
                            width: 4rem;
                            height: 4rem; }
                            .icon-lg svg,
                            .icon-lg i {
                              font-size: 1.75rem; }
                              .icon-lg .svg_icon {
                                  width: 2.25rem;
                                  height: 2.25rem; }
                                  .icon-xs {
                                    width: 1rem;
                                    height: 1rem; }
                                    .icon-xs svg,
                                    .icon-xs i {
                                      font-size: .5rem; }
                                      .icon-xs .svg_icon {
                                          width: 0.75rem;
                                          height: 0.75rem; }

                                          .only-icon {
                                              display: inline-flex; }
                                              .only-icon svg,
                                              .only-icon i {
                                                font-size: 2.2rem; }
                                                .only-icon .svg_icon {
                                                    width: 2rem;
                                                    height: 2rem; }
                                                    .only-icon-sm svg,
                                                    .only-icon-sm i {
                                                        font-size: 1rem; }
                                                        .only-icon-sm .svg_icon {
                                                            width: 1rem;
                                                            height: 1rem; }
                                                            .only-icon-xl svg,
                                                            .only-icon-xl i {
                                                                font-size: 2.25rem; }
                                                                .only-icon-xl .svg_icon {
                                                                    width: 4.5rem;
                                                                    height: 4.5rem; }
                                                                    .only-icon-lg svg,
                                                                    .only-icon-lg i {
                                                                        font-size: 3rem; }
                                                                        .only-icon-lg .svg_icon {
                                                                            width: 3.5rem;
                                                                            height: 3.5rem; }

                                                                            .icon-primary {
                                                                              color: #ffffff;
                                                                              background-color: #2872ff; }

                                                                              .icon-secondary {
                                                                                  color: #ffffff;
                                                                                  background-color: #6c757d; }

                                                                                  .icon-success {
                                                                                      color: #ffffff;
                                                                                      background-color: #31d1ab; }

                                                                                      .icon-info {
                                                                                          color: #ffffff;
                                                                                          background-color: #50b5ff; }

                                                                                          .icon-warning {
                                                                                              color: #ffffff;
                                                                                              background-color: #ff9f1c; }

                                                                                              .icon-danger {
                                                                                                  color: #ffffff;
                                                                                                  background-color: #f93542; }

                                                                                                  .icon-light {
                                                                                                      color: #03032d;
                                                                                                      background-color: #f1f6fd; }

                                                                                                      .icon-black {
                                                                                                          color: #ffffff;
                                                                                                          background-color: #000; }

                                                                                                          .icon-dark {
                                                                                                              color: #ffffff;
                                                                                                              background-color: #03032d; }

                                                                                                              a.icon-primary:hover {
                                                                                                                  color: #ffffff;
                                                                                                                  background-color: #0054f4; }

                                                                                                                  a.icon-secondary:hover {
                                                                                                                      color: #ffffff;
                                                                                                                      background-color: #545b62; }

                                                                                                                      a.icon-success:hover {
                                                                                                                          color: #ffffff;
                                                                                                                          background-color: #26a98a; }

                                                                                                                          a.icon-info:hover {
                                                                                                                              color: #ffffff;
                                                                                                                              background-color: #1d9fff; }

                                                                                                                              a.icon-warning:hover {
                                                                                                                                  color: #ffffff;
                                                                                                                                  background-color: #e88600; }

                                                                                                                                  a.icon-danger:hover {
                                                                                                                                      color: #ffffff;
                                                                                                                                      background-color: #f40717; }

                                                                                                                                      a.icon-light:hover {
                                                                                                                                          color: #03032d;
                                                                                                                                          background-color: #c4d9f7; }

                                                                                                                                          a.icon-black:hover {
                                                                                                                                              color: #ffffff;
                                                                                                                                              background-color: black; }

                                                                                                                                              a.icon-dark:hover {
                                                                                                                                                  color: #ffffff;
                                                                                                                                                  background-color: black; }

                                                                                                                                                  .icon-primary-light {
                                                                                                                                                      color: #2872ff;
                                                                                                                                                      background-color: rgba(40, 114, 255, 0.2); }

                                                                                                                                                      .icon-secondary-light {
                                                                                                                                                          color: #6c757d;
                                                                                                                                                          background-color: rgba(108, 117, 125, 0.2); }

                                                                                                                                                          .icon-success-light {
                                                                                                                                                              color: #31d1ab;
                                                                                                                                                              background-color: rgba(49, 209, 171, 0.2); }

                                                                                                                                                              .icon-info-light {
                                                                                                                                                                  color: #50b5ff;
                                                                                                                                                                  background-color: rgba(80, 181, 255, 0.2); }

                                                                                                                                                                  .icon-warning-light {
                                                                                                                                                                      color: #ff9f1c;
                                                                                                                                                                      background-color: rgba(255, 159, 28, 0.2); }

                                                                                                                                                                      .icon-danger-light {
                                                                                                                                                                          color: #f93542;
                                                                                                                                                                          background-color: rgba(249, 53, 66, 0.2); }

                                                                                                                                                                          .icon-light-light {
                                                                                                                                                                              color: #f1f6fd;
                                                                                                                                                                              background-color: rgba(241, 246, 253, 0.2); }

                                                                                                                                                                              .icon-black-light {
                                                                                                                                                                                  color: #000;
                                                                                                                                                                                  background-color: rgba(0, 0, 0, 0.2); }

                                                                                                                                                                                  .icon-dark-light {
                                                                                                                                                                                      color: #03032d;
                                                                                                                                                                                      background-color: rgba(3, 3, 45, 0.2); }

                                                                                                                                                                                      .icon-primary-shadow {
                                                                                                                                                                                          box-shadow: 0px 14px 30px 0px rgba(40, 114, 255, 0.4); }

                                                                                                                                                                                          .icon-secondary-shadow {
                                                                                                                                                                                              box-shadow: 0px 14px 30px 0px rgba(108, 117, 125, 0.4); }

                                                                                                                                                                                              .icon-success-shadow {
                                                                                                                                                                                                  box-shadow: 0px 14px 30px 0px rgba(49, 209, 171, 0.4); }

                                                                                                                                                                                                  .icon-info-shadow {
                                                                                                                                                                                                      box-shadow: 0px 14px 30px 0px rgba(80, 181, 255, 0.4); }

                                                                                                                                                                                                      .icon-warning-shadow {
                                                                                                                                                                                                          box-shadow: 0px 14px 30px 0px rgba(255, 159, 28, 0.4); }

                                                                                                                                                                                                          .icon-danger-shadow {
                                                                                                                                                                                                              box-shadow: 0px 14px 30px 0px rgba(249, 53, 66, 0.4); }

                                                                                                                                                                                                              .icon-light-shadow {
                                                                                                                                                                                                                  box-shadow: 0px 14px 30px 0px rgba(241, 246, 253, 0.4); }

                                                                                                                                                                                                                  .icon-black-shadow {
                                                                                                                                                                                                                      box-shadow: 0px 14px 30px 0px rgba(0, 0, 0, 0.4); }

                                                                                                                                                                                                                      .icon-dark-shadow {
                                                                                                                                                                                                                          box-shadow: 0px 14px 30px 0px rgba(3, 3, 45, 0.4); }

                                                                                                                                                                                                                          .after-shadow {
                                                                                                                                                                                                                              z-index: 1;
                                                                                                                                                                                                                              position: relative; }
                                                                                                                                                                                                                              .after-shadow:after {
                                                                                                                                                                                                                                content: "";
                                                                                                                                                                                                                                position: absolute;
                                                                                                                                                                                                                                top: 0;
                                                                                                                                                                                                                                bottom: 0;
                                                                                                                                                                                                                                left: 0;
                                                                                                                                                                                                                                right: 0;
                                                                                                                                                                                                                                margin: auto;
                                                                                                                                                                                                                                border-radius: 50%;
                                                                                                                                                                                                                                animation: pulse-border 1500ms ease-out infinite;
                                                                                                                                                                                                                                pointer-events: none;
                                                                                                                                                                                                                                background: currentColor;
                                                                                                                                                                                                                                z-index: -1; }
                                                                                                                                                                                                                                .browser-device {
                                                                                                                                                                                                                                    position: relative;
                                                                                                                                                                                                                                    z-index: 1;
                                                                                                                                                                                                                                    display: block;
                                                                                                                                                                                                                                    max-width: 100%;
                                                                                                                                                                                                                                    box-shadow: 0 0px 14px 0 rgb(0 0 0 / 30%);
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .browser-device .browser-device-header {
                                                                                                                                                                                                                                    position: relative;
                                                                                                                                                                                                                                    display: flex;
                                                                                                                                                                                                                                    background: #fff;
                                                                                                                                                                                                                                    border-bottom: 1px solid #f4f4f4;
                                                                                                                                                                                                                                    border-top-left-radius: 0.5rem;
                                                                                                                                                                                                                                    border-top-right-radius: 0.5rem;
                                                                                                                                                                                                                                    padding: 0.5rem 6.5rem;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .browser-device .browser-device-header .browser-device-action {
                                                                                                                                                                                                                                    display: flex;
                                                                                                                                                                                                                                    grid-gap: 0.25rem;
                                                                                                                                                                                                                                    position: absolute;
                                                                                                                                                                                                                                    top: calc(50% - 0.25rem);
                                                                                                                                                                                                                                    left: 1rem;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .browser-device .browser-device-header .browser-device-action span {
                                                                                                                                                                                                                                    width: 0.5rem;
                                                                                                                                                                                                                                    height: 0.5rem;
                                                                                                                                                                                                                                    background-color: #e3e9ef;
                                                                                                                                                                                                                                    border-radius: 50%;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .browser-device .browser-device-header .browser-device-bar {
                                                                                                                                                                                                                                    display: flex;
                                                                                                                                                                                                                                    justify-content: center;
                                                                                                                                                                                                                                    align-items: center;
                                                                                                                                                                                                                                    width: 100%;
                                                                                                                                                                                                                                    height: 100%;
                                                                                                                                                                                                                                    color: #222;
                                                                                                                                                                                                                                    background-color: #f7f7f7;
                                                                                                                                                                                                                                    font-size: 0.5rem;
                                                                                                                                                                                                                                    border-radius: 0.125rem;
                                                                                                                                                                                                                                    font-weight: 400;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .browser-device .browser-device-frame {
                                                                                                                                                                                                                                    border-bottom-right-radius: 0.5rem;
                                                                                                                                                                                                                                    border-bottom-left-radius: 0.5rem;
                                                                                                                                                                                                                                    background-color: var(--bs-white);
                                                                                                                                                                                                                                    box-shadow: 0 0.3rem 1.525rem -0.375rem rgba(0, 0, 0, 0.1);
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .browser-device .browser-device-frame img {
                                                                                                                                                                                                                                    border-bottom-right-radius: 0.5rem;
                                                                                                                                                                                                                                    border-bottom-left-radius: 0.5rem;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .browser-device .browser-actions {
                                                                                                                                                                                                                                    position: absolute;
                                                                                                                                                                                                                                    top: 30px;
                                                                                                                                                                                                                                    left: 0;
                                                                                                                                                                                                                                    right: 0;
                                                                                                                                                                                                                                    bottom: 0;
                                                                                                                                                                                                                                    display: flex;
                                                                                                                                                                                                                                    align-items: center;
                                                                                                                                                                                                                                    justify-content: center;
                                                                                                                                                                                                                                    text-align: center;
                                                                                                                                                                                                                                    background: rgba(0, 0, 0, 0.5);
                                                                                                                                                                                                                                    border-radius: 0 0 10px 10px;
                                                                                                                                                                                                                                    -webkit-backdrop-filter: saturate(180%) blur(20px);
                                                                                                                                                                                                                                    backdrop-filter: saturate(180%) blur(20px);
                                                                                                                                                                                                                                    opacity: 0;
                                                                                                                                                                                                                                    transition: ease all 0.35s;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .browser-device:hover .browser-actions {
                                                                                                                                                                                                                                    opacity: 1;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .product-price-main {
                                                                                                                                                                                                                                    box-shadow: 0 0 24px rgba(0, 0, 0, 0.15);
                                                                                                                                                                                                                                    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
                                                                                                                                                                                                                                    width: 100%;
                                                                                                                                                                                                                                    margin: 0 auto;
                                                                                                                                                                                                                                    color: #212b35;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table {
                                                                                                                                                                                                                                    width: 100%;
                                                                                                                                                                                                                                    border-collapse: collapse;
                                                                                                                                                                                                                                    border: 0 none;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table th.title {
                                                                                                                                                                                                                                    background-color: #000000;
                                                                                                                                                                                                                                    font-weight: 600;
                                                                                                                                                                                                                                    text-align: left;
                                                                                                                                                                                                                                    padding: 10px 24px;
                                                                                                                                                                                                                                    font-size: 14px;
                                                                                                                                                                                                                                    text-transform: uppercase;
                                                                                                                                                                                                                                    color: #fff;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table th {
                                                                                                                                                                                                                                    padding: 10px 24px;
                                                                                                                                                                                                                                    font-size: 14px;
                                                                                                                                                                                                                                    font-weight: normal;
                                                                                                                                                                                                                                    max-width: 300px;
                                                                                                                                                                                                                                    color: #fff;
                                                                                                                                                                                                                                    font-family: sans-serif;
                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                .price-table td#kobi {
                                                                                                                                                                                                                                    border-bottom: 3px solid #b3e03f;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table td#b2b {
                                                                                                                                                                                                                                    border: 3px solid #7bd553;
                                                                                                                                                                                                                                    background: #000000;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table td#pro {
                                                                                                                                                                                                                                    border-bottom: 3px solid #3AD5A0;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table td#full {
                                                                                                                                                                                                                                    border-bottom: 3px solid #45D0DA;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table .feature-label__text {
                                                                                                                                                                                                                                    margin-bottom: 3px;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table .feature-label__description {
                                                                                                                                                                                                                                    font-size: 0.9375em;
                                                                                                                                                                                                                                    color: #637381;
                                                                                                                                                                                                                                    margin-left: 0;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table tr:not(:last-child) {
                                                                                                                                                                                                                                    border-bottom: 1px solid #1e1e1e;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table tr td {
                                                                                                                                                                                                                                    border-left: 1px solid rgba(0, 0, 0, 0.05);
                                                                                                                                                                                                                                    padding: 10px 24px;
                                                                                                                                                                                                                                    font-size: 14px;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table tr td:first-child {
                                                                                                                                                                                                                                    border-left: 0 none;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table tr td:not(:first-child) {
                                                                                                                                                                                                                                    text-align: center;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table tr:nth-child(even) {
                                                                                                                                                                                                                                    background-color: #000000;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table tr.price-table-row:hover {
                                                                                                                                                                                                                                    background-color: #0c0b0b;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table .fa-check {
                                                                                                                                                                                                                                    color: #00558b;
                                                                                                                                                                                                                                }
                                                                                                                                                                                                                                .price-table .fa-times {
                                                                                                                                                                                                                                    color: #D8D6E3;
                                                                                                                                                                                                                                }

                                                                                                                                                                                                                                tr.price-table-head h5 {
                                                                                                                                                                                                                                    font-size: 16px;
                                                                                                                                                                                                                                    font-weight: 600;
                                                                                                                                                                                                                                    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
                                                                                                                                                                                                                                    text-transform: uppercase;
                                                                                                                                                                                                                                }
/* Highlighted column */

.price-table tr td:nth-child(3) {
    background-color: #000000;
    padding: 8px 48px;
    color: #fff;
    border-left: 1px solid #242424;
    border-right: 1px solid #242424;
}
.price-table tr th:nth-child(3) {
    background-color: rgba(216, 214, 227, 0.15);
    padding: 8px 48px;
}

.price-table tr.price-table-head td {
    font-size: 16px;
    font-weight: 600;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}
.price-table tr.price-table-head {
    background-color: #000;
    color: #444;
}
.price-table td.price {
    color: #212b35;
    padding: 16px 24px;
    font-size: 25px;
    font-weight: 700;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    line-height: 1;
}
.price-table td.price a {
    background-color: #00558b;
    color: #FFFFFF;
    padding: 12px 32px;
    font-size: 12px;
    font-weight: 600;
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 64px;
}
.price-table td.price a:hover {
    opacity: 0.9;
}
.price-table td.price-table-popular {
    font-family: "Proxima-Nova", Helvetica, Arial, sans-serif;
    color: #00558b;
    text-transform: uppercase;
    font-size: 12px;
    padding: 12px 48px;
    font-weight: 700;
    border: 3px solid #7bd553;
}
.price-table .price-blank {
    background-color: #121519;
    border: 0 none;
}
.price-table svg {
    width: 90px;
    fill: #00558b;
}
.price-table .price sup, .pricing-table .price .price__number {
    display: inline-block;
    vertical-align: top;
}
.monthly-price {
    display: flex;
    justify-content: center;
    align-items: baseline;
    line-height: 1;
}
.monthly-price__price sup {
    padding-right: 2px;
    margin-top: 0.5em;
    font-size: 0.4em;
    line-height: 1;
}
.text-minor {
    font-size: 12px;
    color: #637381;
    font-weight:normal;
    padding-left: 2px;
}
button.btn-ecommerce-cart {
    width: 100%;
    background: #131f29;
    border-radius: 4px;
    padding: 5px;
    margin-top: 4px;
}
small.product-text {
    font-size: 11px;
    color: #877f7f;
    display: block;
}
.color{
    width: 100%;
    height: 5px;
    display: flex;
}
.color-1{
    width: 27%;
    background: #f6ac44;
}
.color-3{
    width: 35%;
    background: #00a1ff;
}
.color-4{
    width: 26%;
    background: #96eecd;
}
.color-6{
    width: 13%;
    background: #fecc51;
}
.footer-kobinet {
    background: #fafafa;
    padding: 2rem;
    z-index: 1;
    -moz-box-shadow: inset 0 1px 0 #e6e9eb;
    -ms-box-shadow: inset 0 1px 0 #e6e9eb;
}
h5.footer {
    font-size: 17px;
    line-height: 1.56;
    font-weight: 700;
    padding: 1rem 0;
    margin-top: -1px;
    margin-bottom: 0;
    color: #4d4d4d;
    display: block;
    position: relative;
}
a.kobinet-link {
    color: #4d4d4d;
    text-decoration: none;
    font-size: 14px;
}
ul.filter.apps {
    list-style: none;
    padding: 0;
}
ul.filter.apps li {
    background: #fff;
    padding: 20px;
    margin-top: 10px;
    font-size: 16px;
    color: #03032d;
    height: 60px;
    border:1px solid #ddd;
}
ul.filter.apps li:hover {
    background: #0e2d5b;
    color: #fff;
    cursor: pointer;
}
.aps-modul {
    border: 1px solid #eee;
    padding: 10px;
    box-shadow: 0 0 40px 0 rgb(234 238 249 / 50%);
    background: #fff;
}
img.recent_thumb {
    width: 65px;
    height: 65px;
    float: left;
    margin-bottom: 5px;
    transition: 0.9s;
    margin-right: 10px;
    border-radius: 7px;
}
.apps-des {
    font-size: 12px;
    color: #4a4646;
}
.label_title {
    font-weight: 500;
    color: #292424;
}
.rag.text-warning {
    font-size: 14px;
}
@media screen and (max-width: 600px) {
    .mobile-none {
        display: none;
    }
}
.apps-card {
    padding: 20px 16px;
    background-color: #fcfcfc7a;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.2s;
}
.menu-dot {
    background-color: var(--bs-secondary);
    box-shadow: -6px 0 0 0 var(--bs-secondary), 6px 0 0 0 var(--bs-secondary);
    width: 4px;
    height: 4px;
    border: 0;
    padding: 0;
    border-radius: 50%;
    margin-left: auto;
    margin-right: 8px;
}
.apps-card-header {
    display: flex;
    align-items: flex-start;
}
.apps-card-title {
    font-weight: 600;
    margin-top: 16px;
    font-size: 14px;
    color: #2f2f33;
}
.apps-card-subtitle {
    color: #989898;
    font-size: 13px;
    margin-top: 14px;
    line-height: 1.6em;
}
img.app-list {
    width: 60px;
    height: 60px;
    border-radius: 8px;
}
button.apps-buttons {
    border: none;
    color: #fff;
    background-color: #0162ff;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    margin-top: 14px;

}
img.kobinet-apps {
  float: left;
  margin-right: 10px;
  max-height: 65px;
  max-width: 65px;
  border-radius: 8px;
}
a.list-group-item {
    font-weight: normal;
    font-size: 13px;
}

h2.help-title {
    font-weight: normal;
}
.list-group-flush > .list-group-item {
    border-width: 0 0 1px;
    color: #222;
}
.footer-container {
    max-width: 80%;
    margin-left: 15%;
}
.market-btn {
    display: inline-block;
    padding: 0.3125rem 0.875rem;
    padding-left: 2.8125rem;
    -webkit-transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    transition: border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
    border: 1px solid #e7e7e7;
    background-position: center left 0.75rem;
    background-color: #fff;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    text-decoration: none;
}
.market-btn .market-button-title {
    display: block;
    color: #222;
    font-size: 1.125rem;
}
.market-btn .market-button-subtitle {
    display: block;
    margin-bottom: -0.25rem;
    color: #888;
    font-size: 0.75rem;
}
.market-btn:hover {
    background-color: #f7f7f7;
    text-decoration: none;
}
.google-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.windows-btn {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMC4xNzYsMjI0TDAuMDAxLDY3Ljk2M2wxOTItMjYuMDcyVjIyNEgwLjE3NnogTTIyNC4wMDEsMzcuMjQxTDQ3OS45MzcsMHYyMjRIMjI0LjAwMVYzNy4yNDF6IE00NzkuOTk5LDI1NmwtMC4wNjIsMjI0ICAgbC0yNTUuOTM2LTM2LjAwOFYyNTZINDc5Ljk5OXogTTE5Mi4wMDEsNDM5LjkxOEwwLjE1Nyw0MTMuNjIxTDAuMTQ3LDI1NmgxOTEuODU0VjQzOS45MTh6IiBmaWxsPSIjMDBiY2YyIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.0);
}
.iti {
    width: 100%;
}
a.nav-link-odeme {
    display: block;
    padding: var(--ar-nav-link-padding-y) var(--ar-nav-link-padding-x);
    font-size: var(--ar-nav-link-font-size);
    font-weight: var(--ar-nav-link-font-weight);
    color: var(--ar-nav-link-color);
    text-decoration: none;
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
}

.btn-white {
    background: #fff;
    color: #222;
    padding: 15px;
    border-radius: 8px;
    border:none;
}
.btn-blue {
    background: #1c68b2;
    color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin: 10px;
    border:none;
}

.btn-white:hover {
    background: #e6e2e2;
    color: #000;
}
.btn-blue:hover {
    background: #0e5499;
    color: #fff;
}




/* Mega menüyü üzerine gelince açık tutma */
.navbar .megamenu:hover {
    display: block !important;
}

/* Mega menü stil ayarları */
.navbar .megamenu {
    padding: 1rem;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .navbar .has-megamenu {
        position: static !important;
    }
    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
        display: none; /* Mega menüyü başlangıçta gizle */
    }
}

/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media (max-width: 991px) {
    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
    }
}


/* ===== INDEX PAGE - KBN STYLES ===== */
.kbn-hero {
  background: linear-gradient(135deg, #0a0f1e 0%, #0d1b3e 40%, #0a1628 100%);
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.kbn-hero-glow {
  position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 60% 50% at 15% 20%, rgba(0,216,255,0.18) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 80% 70%, rgba(99,102,241,0.20) 0%, transparent 55%),
    radial-gradient(ellipse 40% 40% at 60% 10%, rgba(236,72,153,0.10) 0%, transparent 50%);
}
.kbn-hero-grid {
  position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 60px 60px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 100%);
}
.kbn-hero-particles {
  position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}
.kbn-particle {
  position: absolute; border-radius: 50%;
  animation: kbnFloat linear infinite;
  opacity: 0;
}
@keyframes kbnFloat {
  0%   { transform: translateY(100vh) scale(0); opacity: 0; }
  10%  { opacity: 0.6; }
  90%  { opacity: 0.3; }
  100% { transform: translateY(-10vh) scale(1); opacity: 0; }
}
.kbn-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,193,7,0.12); border: 1.5px solid rgba(255,193,7,0.35);
  color: #ffc107; border-radius: 50px; padding: 8px 18px;
  font-size: 0.82rem; font-weight: 600; letter-spacing: 0.3px;
}
.kbn-hero-title {
  font-size: clamp(2rem, 5vw, 3.4rem);
  font-weight: 800; line-height: 1.15; color: #fff; margin: 0;
}
.kbn-gradient-text {
  background: linear-gradient(90deg, #00d8ff 0%, #6366f1 50%, #ec4899 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.kbn-typing-cursor::after {
  content: '|'; animation: kbnBlink 1s step-end infinite;
  -webkit-text-fill-color: #00d8ff;
}
@keyframes kbnBlink { 0%,100%{opacity:1} 50%{opacity:0} }
.kbn-hero-desc { font-size: 1.05rem; line-height: 1.75; color: rgba(255,255,255,0.65); }
.kbn-check-list { list-style: none; padding: 0; margin: 0; }
.kbn-check-list li {
  display: flex; align-items: center; gap: 12px;
  color: rgba(255,255,255,0.85); font-size: 0.95rem; margin-bottom: 10px;
}
.kbn-check-icon {
  width: 28px; height: 28px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.7rem; color: #fff;
}
.kbn-stats-row { display: flex; gap: 12px; flex-wrap: wrap; }
.kbn-stat {
  flex: 1; min-width: 100px;
  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px; padding: 14px 16px; text-align: center;
  backdrop-filter: blur(10px);
}
.kbn-stat-num { font-size: 1.5rem; font-weight: 800; line-height: 1; }
.kbn-stat-lbl { font-size: 0.72rem; color: rgba(255,255,255,0.7); margin-top: 5px; }
.kbn-product-panel {
  background: rgba(255,255,255,0.055); border: 1px solid rgba(255,255,255,0.13);
  border-radius: 20px; padding: 24px; backdrop-filter: blur(18px);
  box-shadow: 0 24px 64px rgba(0,0,0,0.3);
}
.kbn-prod-card {
  display: flex; align-items: center; gap: 12px;
  background: rgba(255,255,255,0.92); border-radius: 12px;
  padding: 12px 14px; text-decoration: none; color: inherit;
  transition: all 0.25s ease; border: 1px solid rgba(0,0,0,0.06);
}
.kbn-prod-card:hover {
  transform: translateY(-3px); box-shadow: 0 10px 28px rgba(0,0,0,0.14);
  text-decoration: none; color: inherit;
}
.kbn-prod-icon {
  width: 42px; height: 42px; border-radius: 10px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; color: #fff;
}
.kbn-prod-name { font-size: 0.8rem; font-weight: 700; color: #1e293b; margin: 0 0 2px; }
.kbn-prod-desc { font-size: 0.7rem; color: #64748b; margin: 0; }
.kbn-prod-badge {
  font-size: 0.58rem; padding: 2px 7px; border-radius: 20px;
  font-weight: 700; color: #fff; white-space: nowrap;
}
.kbn-wave { display: block; width: 100%; line-height: 0; }
.kbn-partner-logo {
  filter: grayscale(100%); opacity: 0.55;
  transition: all 0.3s ease; max-height: 44px;
}
.kbn-partner-logo:hover { filter: grayscale(0%); opacity: 1; }
.kbn-feature-card {
  background: #fff; border: 1px solid #e8ecf0; border-radius: 18px;
  padding: 28px; transition: all 0.3s ease; height: 100%;
}
.kbn-feature-card:hover {
  transform: translateY(-5px); box-shadow: 0 16px 40px rgba(0,0,0,0.09);
  border-color: transparent;
}
.kbn-feature-icon {
  width: 56px; height: 56px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.3rem; color: #fff; margin-bottom: 18px;
}
.kbn-testimonial {
  background: #fff; border: 1px solid #e8ecf0; border-radius: 18px;
  padding: 28px; height: 100%; transition: all 0.3s ease;
}
.kbn-testimonial:hover { box-shadow: 0 12px 32px rgba(0,0,0,0.08); transform: translateY(-3px); }
.kbn-stars { color: #fbbf24; font-size: 0.85rem; letter-spacing: 2px; }
.kbn-avatar {
  width: 44px; height: 44px; border-radius: 50%; object-fit: cover;
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-weight: 700; font-size: 1rem; flex-shrink: 0;
}
.kbn-step-num {
  width: 52px; height: 52px; border-radius: 50%; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem; font-weight: 800; color: #fff;
}
.kbn-step-line {
  width: 2px; height: 40px; margin: 8px auto;
  background: linear-gradient(to bottom, #6366f1, transparent);
}
.kbn-cta-section {
  background: linear-gradient(135deg, #0a0f1e 0%, #0d1b3e 100%);
  position: relative; overflow: hidden;
}
.kbn-cta-glow {
  position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 70% 70% at 50% 50%, rgba(99,102,241,0.22) 0%, transparent 70%);
}
.kbn-price-card {
  background: #fff; border: 2px solid #e8ecf0; border-radius: 20px;
  padding: 32px 28px; text-align: center; transition: all 0.3s ease; height: 100%;
}
.kbn-price-card.featured {
  border-color: #6366f1;
  box-shadow: 0 0 0 4px rgba(99,102,241,0.1);
}
.kbn-price-card:hover { transform: translateY(-5px); box-shadow: 0 20px 48px rgba(0,0,0,0.1); }
@media (max-width: 768px) {
  .kbn-stats-row .kbn-stat { min-width: 80px; }
  .kbn-product-panel { padding: 16px; }
}

/* Global "Biz Sizi Arayalim" modal */
.kobinet-call-modal {
  border: 0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);
}


.kobinet-call-modal .modal-title {
  font-size: 1rem;
  font-weight: 700;
}


.kobinet-call-modal .modal-body {
  padding: 20px;
}

.kobinet-call-modal-desc {
  color: #64748b;
  font-size: 0.9rem;
  margin-bottom: 14px;
}

.kobinet-call-modal .form-label {
  font-weight: 600;
  font-size: 0.84rem;
  color: #0f172a;
  margin-bottom: 6px;
}

.kobinet-call-modal .form-control {
  border-radius: 10px;
  border: 1px solid #dbe3ee;
  padding: 10px 12px;
  font-size: 0.9rem;
}

.kobinet-call-modal .form-control:focus {
  border-color: #4f46e5;
  box-shadow: 0 0 0 0.18rem rgba(79, 70, 229, 0.16);
}

.kobinet-call-modal .btn-primary {
  background: linear-gradient(135deg, #5b5bd6, #4545b8);
  border: 0;
  border-radius: 10px;
  font-weight: 700;
  padding: 10px 14px;
}

.kobinet-call-modal .btn-primary:hover {
  filter: brightness(1.04);
}

.kobinet-call-modal-alert {
  border-radius: 10px;
  font-size: 0.86rem;
  padding: 10px 12px;
  margin-bottom: 12px;
  line-height: 1.45;
}

.kobinet-call-modal-alert.is-success {
  background: #ecfdf3;
  border: 1px solid #a7f3d0;
  color: #065f46;
}

.kobinet-call-modal-alert.is-error {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
}

@media (max-width: 576px) {
  .kobinet-call-modal .modal-body {
    padding: 16px;
  }
}
 
* {
    box-sizing: border-box;
  }
  
  .kobinet-navbar {
    background: linear-gradient(90deg, #10264e, #0f3460) !important;
    background-image: linear-gradient(90deg, #10264e, #0f3460) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1050 !important;
    height: 64px !important;
    display: flex !important;
    align-items: center !important;
  }
  
  .navbar-container {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
  }
  
  .navbar-logo {
    height: 32px;
    width: auto;
    margin-right: 40px;
  }
  
  .navbar-main-nav {
    display: flex;
    align-items: center;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
  }
  
  .navbar-main-nav .nav-item {
    position: relative;
  }
  
  .navbar-main-nav .nav-link {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-weight: 400;
    padding: 20px 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s ease;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
  }
  
  .navbar-main-nav .nav-link:hover {
    color: #fff;
  }
  
  .navbar-main-nav .nav-link.active {
    color: #fff;
    border-bottom-color: #fff;
    font-weight: 500;
  }
  
  .navbar-main-nav .nav-link.has-dropdown::after {
    content: '▼';
    font-size: 8px;
    margin-left: 4px;
    opacity: 0.6;
    transition: transform 0.2s ease;
  }
  
  .navbar-main-nav .nav-item:hover .nav-link.has-dropdown::after {
    transform: rotate(180deg);
  }
  
  .navbar-actions {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  
  .navbar-action-link {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    transition: background 0.2s ease;
  }
  
  .navbar-action-link:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    text-decoration: none;
  }
  
  .navbar-action-btn {
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
  }
  
  .navbar-action-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  
  .navbar-action-btn.primary {
    background: #1a73e8;
    color: #fff;
    border-color: #1a73e8;
  }
  
  .navbar-action-btn.primary:hover {
    background: #1557b0;
    border-color: #1557b0;
    color: #fff;
  }
  
  .navbar-cart-btn {
    position: relative;
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    padding: 8px;
    border-radius: 50%;
    transition: background 0.2s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
  }
  
  .navbar-cart-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
  }
  
  .navbar-cart-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    background: #ea4335;
    color: white;
    font-size: 11px;
    font-weight: 600;
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
  }
  
  .navbar-user-btn {
    position: relative;
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 20px;
    padding: 8px;
    border-radius: 50%;
    transition: background 0.2s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
  }
  
  .navbar-user-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
  }
  
  .navbar-mobile-toggle {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.9) !important;
    padding: 8px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: background 0.2s ease;
  }
  
  .navbar-mobile-toggle:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
  }
  
  /* Mobil offcanvas: navbar üstünde kalmaması için konum + üst katman */
  .kobinet-offcanvas.offcanvas-start {
    top: 64px !important;
    bottom: 0;
    height: calc(100vh - 64px) !important;
    max-height: calc(100vh - 64px) !important;
    z-index: 1060 !important;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    box-shadow: 8px 0 40px rgba(0, 0, 0, 0.18);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-left: none;
  }
  
  body .offcanvas-backdrop {
    z-index: 1055 !important;
  }
  
  .kobinet-offcanvas .offcanvas-header {
    flex-shrink: 0;
    padding-top: 1rem;
    padding-bottom: 0.75rem;
  }
  
  .kobinet-offcanvas .offcanvas-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1.5rem;
  }
  
  /* Mobil offcanvas: tam menü */
  .kobinet-offcanvas .accordion-button {
    font-size: 0.95rem;
    font-weight: 600;
    padding: 0.65rem 0.75rem;
    background: #f8fafc;
    color: #0f172a;
    box-shadow: none;
  }
  
  .kobinet-offcanvas .accordion-button:not(.collapsed) {
    background: #eef2ff;
    color: #4338ca;
    box-shadow: none;
  }
  
  .kobinet-offcanvas .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(91, 91, 214, 0.25);
  }
  
  .kobinet-offcanvas .accordion-body {
    padding: 0.5rem 0.75rem 1rem;
    background: #fff;
  }
  
  .kobinet-offcanvas .mobile-nav-link {
    display: block;
    padding: 0.55rem 0.25rem;
    color: #202124;
    text-decoration: none;
    font-size: 0.9rem;
    border-radius: 6px;
    border-bottom: 1px solid #f1f3f4;
  }
  
  .kobinet-offcanvas .mobile-nav-link:last-child {
    border-bottom: none;
  }
  
  .kobinet-offcanvas .mobile-nav-link:hover {
    background: #f5f3ff;
    color: #5b5bd6;
  }
  
  .kobinet-offcanvas .mobile-nav-sub {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #5f6368;
    margin: 0.75rem 0 0.35rem;
    padding-left: 0.25rem;
  }
  
  .kobinet-offcanvas .mobile-nav-sub:first-child {
    margin-top: 0;
  }
  
  .kobinet-offcanvas a.btn.btn-kobinet-solid {
    background: linear-gradient(135deg, #5b5bd6 0%, #4545b8 100%) !important;
    border: none !important;
    color: #fff !important;
    font-weight: 600;
    padding: 0.65rem 1rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
  }
  
  .kobinet-offcanvas a.btn.btn-kobinet-solid:hover {
    filter: brightness(1.05);
    color: #fff !important;
  }
  
  .kobinet-offcanvas a.btn.btn-kobinet-outline {
    background: #fff !important;
    border: 2px solid #5b5bd6 !important;
    color: #5b5bd6 !important;
    font-weight: 600;
    padding: 0.6rem 1rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
  }
  
  .kobinet-offcanvas a.btn.btn-kobinet-outline:hover {
    background: #f5f3ff !important;
    color: #4545b8 !important;
  }
  
  .kobinet-offcanvas .mobile-nav-icon-accent {
    color: #5b5bd6 !important;
  }
  
  /* Mega Menu - Google Workspace Style */
  .mega-menu-wrapper {
    position: static !important;
  }
  
  .mega-menu-dropdown {
    position: absolute;
    top: calc(100% + 0px);
    left: 0;
    right: 0;
    background: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
    border-top: 1px solid #e8eaed;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.15s ease, visibility 0.15s ease;
    z-index: 1049;
    display: block !important;
    pointer-events: none;
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    margin-top: 1px;
  }
  
  .mega-menu-wrapper.active .mega-menu-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  
  .mega-menu-wrapper.active .nav-link {
    color: #fff !important;
    border-bottom-color: #fff !important;
  }
  
  .mega-menu-wrapper.clicked .mega-menu-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  
  .mega-menu-wrapper.clicked .nav-link {
    color: #fff !important;
    border-bottom-color: #fff !important;
  }
  
  .mega-menu-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 32px 24px;
    display: flex;
    gap: 48px;
  }
  
  .mega-menu-content {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
  }
  
  .mega-menu-column {
    padding: 0 16px;
  }
  
  .mega-menu-column:first-child {
    padding-left: 0;
  }
  
  .mega-menu-column:last-child {
    padding-right: 0;
  }
  
  .mega-menu-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 12px;
    text-decoration: none;
    border-radius: 8px;
    transition: background 0.2s ease;
    margin-bottom: 4px;
  }
  
  .mega-menu-item:hover {
    background: #f8f9fa;
    text-decoration: none;
  }
  
  .mega-menu-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  }
  
  .mega-menu-icon.ecommerce {
    background: linear-gradient(135deg, #ea4335 0%, #c5221f 100%);
    color: white;
  }
  
  .mega-menu-icon.warehouse {
    background: linear-gradient(135deg, #34a853 0%, #137333 100%);
    color: white;
  }
  
  .mega-menu-icon.web {
    background: linear-gradient(135deg, #fbbc04 0%, #f9ab00 100%);
    color: white;
  }
  
  .mega-menu-icon.cafe {
    background: linear-gradient(135deg, #ea4335 0%, #c5221f 100%);
    color: white;
  }
  
  .mega-menu-icon.integration {
    background: linear-gradient(135deg, #4285f4 0%, #1967d2 100%);
    color: white;
  }
  
  .mega-menu-icon.mobile {
    background: linear-gradient(135deg, #9aa0a6 0%, #80868b 100%);
    color: white;
  }
  
  .mega-menu-icon.design {
    background: linear-gradient(135deg, #fbbc04 0%, #f9ab00 100%);
    color: white;
  }
  
  .mega-menu-icon.custom {
    background: linear-gradient(135deg, #8e24aa 0%, #6a1b9a 100%);
    color: white;
  }
  
  .mega-menu-icon.accounting {
    background: linear-gradient(135deg, #34a853 0%, #137333 100%);
    color: white;
  }
  
  .mega-menu-icon.marketplace {
    background: linear-gradient(135deg, #ea4335 0%, #c5221f 100%);
    color: white;
  }
  
  .mega-menu-icon.cargo {
    background: linear-gradient(135deg, #fbbc04 0%, #f9ab00 100%);
    color: white;
  }
  
  .mega-menu-icon.payment {
    background: linear-gradient(135deg, #4285f4 0%, #1967d2 100%);
    color: white;
  }
  
  .mega-menu-icon.apps {
    background: linear-gradient(135deg, #9aa0a6 0%, #80868b 100%);
    color: white;
  }
  
  .mega-menu-text {
    flex: 1;
    min-width: 0;
  }
  
  .mega-menu-title {
    font-size: 14px;
    font-weight: 500;
    color: #202124;
    margin-bottom: 4px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 8px;
  }
  
  .mega-menu-item:hover .mega-menu-title {
    color: #1a73e8;
  }
  
  .mega-menu-desc {
    font-size: 13px;
    color: #5f6368;
    line-height: 1.4;
  }
  
  .mega-menu-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-left: 6px;
  }
  
  .mega-menu-badge.new {
    background: #e8f5e9;
    color: #2e7d32;
  }
  
  .mega-menu-badge.popular {
    background: #fff3e0;
    color: #e65100;
  }
  
  /* Right Sidebar */
  .mega-menu-sidebar {
    width: 240px;
    border-left: 1px solid #e8eaed;
    padding-left: 32px;
    flex-shrink: 0;
  }
  
  .mega-menu-sidebar-title {
    font-size: 13px;
    font-weight: 500;
    color: #5f6368;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 16px;
  }
  
  .mega-menu-sidebar-link {
    display: block;
    padding: 8px 0;
    color: #202124;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.2s ease;
  }
  
  .mega-menu-sidebar-link:hover {
    color: #1a73e8;
    text-decoration: none;
  }
  
  /* Close Button */
  .mega-menu-close {
    position: absolute;
    top: 16px;
    right: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: #5f6368;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    z-index: 10;
  }
  
  .mega-menu-close:hover {
    background: #f1f3f4;
    color: #202124;
  }
  
  /* Responsive */
  @media (max-width: 1200px) {
    .mega-menu-container {
      gap: 32px;
    }
    
    .mega-menu-content {
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  @media (max-width: 992px) {
    .navbar-main-nav {
      display: none;
    }
    
    .navbar-mobile-toggle {
      display: block;
    }
    
    .navbar-action-link,
    .navbar-action-btn {
      display: none;
    }
    
    .mega-menu-dropdown {
      position: fixed;
      top: 64px;
      left: 0;
      right: 0;
      max-height: calc(100vh - 64px);
    }
    
    .mega-menu-container {
      flex-direction: column;
      gap: 24px;
    }
    
    .mega-menu-content {
      grid-template-columns: 1fr;
    }
    
    .mega-menu-sidebar {
      width: 100%;
      border-left: none;
      border-top: 1px solid #e8eaed;
      padding-left: 0;
      padding-top: 24px;
    }
  }
  
  @media (max-width: 768px) {
    .navbar-container {
      padding: 0 16px;
    }
    
    .navbar-logo {
      height: 28px;
      margin-right: 16px;
    }
    
    .mega-menu-container {
      padding: 24px 16px;
    }
    
    .mega-menu-icon {
      width: 36px;
      height: 36px;
      font-size: 18px;
    }
  }

/* paketler.php page styles moved from inline <style> */
:root {
  --pk-pr: #2563eb;
  --pk-pr-l: #eff6ff;
  --pk-dark: #0a0f1e;
  --pk-dark2: #111827;
  --pk-muted: #6b7280;
  --pk-bd: #e5e7eb;
  --pk-r: 16px;
}
.pk-modern-hero {
  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(37, 99, 235, .38) 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 85% 80%, rgba(99, 102, 241, .2) 0%, transparent 60%), linear-gradient(180deg, #0a0f1e 0%, #0f172a 100%) !important;
  position: relative;
  overflow: hidden;
  padding-top: 5rem !important;
}
.pk-modern-hero .display-2 { font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 900; letter-spacing: -.03em; }
.pk-modern-hero .fs-lg { color: #94a3b8 !important; max-width: 700px; margin: 0 auto; }
.pk-modern-cards { display: grid !important; grid-template-columns: repeat(4, minmax(230px, 1fr)); gap: 1rem; padding: 0 1rem 1rem !important; margin: 2rem 0 0 !important; overflow: visible !important; }
@media (max-width: 1100px) { .pk-modern-cards { grid-template-columns: repeat(2, minmax(220px, 1fr)); } }
@media (max-width: 640px) { .pk-modern-cards { grid-template-columns: 1fr; } }
.pk-modern-cards .col-md-3 { width: auto; max-width: none; padding: 0; }
.pk-modern-cards .card { border-radius: var(--pk-r) !important; border: 1.5px solid var(--pk-bd) !important; background: #fff !important; padding: 0; box-shadow: 0 12px 32px rgba(0, 0, 0, .08); transition: .25s; height: 100%; }
.pk-modern-cards .card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0, 0, 0, .12); }
.pk-modern-cards .card.bg-primary { background: linear-gradient(135deg, #2563eb, #4f46e5) !important; border-color: #2563eb !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, .14), 0 20px 46px rgba(37, 99, 235, .2); }
.pk-modern-cards .card-body { max-width: none !important; padding: 1.8rem 1.4rem !important; }
.pk-modern-cards .text-light { color: #0f172a !important; }
.pk-modern-cards .card.bg-primary .text-light { color: #fff !important; }
.pk-modern-cards .btn.btn-light { border-radius: 10px; font-weight: 700; border: 2px solid #bfdbfe; background: #fff; color: #2563eb; }
.pk-modern-cards .card.bg-primary .btn.btn-light { border-color: rgba(255, 255, 255, .45); background: #fff; color: #1d4ed8; }

.pk-compare-section { background: #fff; border-top: 1px solid #e5e7eb; padding: 2.25rem 0 3.5rem; }
.pk-compare-title { font-size: 1.05rem; font-weight: 800; color: #0f172a; margin: 0; letter-spacing: -.01em; }
.pk-compare-toggle { border-radius: 10px; font-weight: 700; color: #2563eb; border-color: #bfdbfe; }
.pk-compare-toggle:hover { background: #eff6ff; border-color: #93c5fd; color: #1d4ed8; }

.pk-modern-compare { border: 1px solid #e6edf5; border-radius: 14px; overflow-x: auto; background: #fff; box-shadow: 0 8px 24px rgba(15, 23, 42, .06); }
.pk-modern-compare .price-table { width: 100%; min-width: 980px; border-collapse: separate; border-spacing: 0; background: #fff; font-size: .85rem; margin: 0; }
.pk-modern-compare .price-table thead td { padding: 14px; background: #f8fafc !important; color: #0f172a !important; font-weight: 900; border-bottom: 1px solid #e5e7eb !important; }
.pk-modern-compare .price-popular td { border-bottom: 0 !important; padding: 0 !important; background: transparent !important; height: 34px; }
.pk-modern-compare .price-popular .price-table-popular { background: linear-gradient(180deg, #eff6ff 0%, #e8f0ff 100%) !important; color: #1d4ed8 !important; text-transform: uppercase; letter-spacing: .06em; font-size: .68rem; font-weight: 900; text-align: center; border: 1px solid #bfdbfe !important; border-bottom: 0 !important; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.pk-modern-compare .price-table-head td { background: #fff !important; border: 1px solid #e5e7eb !important; border-bottom: 2px solid #e5e7eb !important; padding: 16px 14px 12px !important; text-align: center; font-size: 1.05rem; letter-spacing: -.01em; box-shadow: 0 6px 14px rgba(15, 23, 42, .05); }
.pk-modern-compare .price-table-head td:first-child { border: 0 !important; background: transparent !important; box-shadow: none !important; }
.pk-modern-compare .price-table-head td:nth-child(2) { border-top-left-radius: 12px; }
.pk-modern-compare .price-table-head td:last-child { border-top-right-radius: 12px; }
.pk-modern-compare .price-table-head td small { display: block; margin-top: 8px; font-weight: 800; color: #667085 !important; font-size: .7rem; letter-spacing: .04em; text-transform: uppercase; }
.pk-modern-compare .title { background: #f1f5f9 !important; color: #475569 !important; font-size: .75rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 700; border-top: 1px solid #e5e7eb !important; }
.pk-modern-compare .price-table-row th, .pk-modern-compare .price-table-row td { padding: 14px 12px !important; background: #fff !important; color: #334155 !important; border-bottom: 1px solid #edf2f7 !important; vertical-align: middle; transition: background-color .2s ease; }
.pk-modern-compare .price-table-row th { min-width: 260px; max-width: 320px; text-align: left; font-weight: 600; }
.pk-modern-compare .price-table-row td { text-align: center; min-width: 120px; }
.pk-modern-compare tbody tr:nth-child(even) td { background: #fbfdff !important; }
.pk-modern-compare .price-table-row td:nth-child(4),
.pk-modern-compare .price-table-head td:nth-child(4),
.pk-modern-compare .price-popular td:nth-child(4) { background: #eef4ff !important; }
.pk-modern-compare .price-table-row td:nth-child(4) { color: #1d4ed8 !important; font-weight: 700; }
.pk-modern-compare .price-table-row:hover td, .pk-modern-compare .price-table-row:hover th { background: #fbfdff !important; }
.pk-modern-compare .price-table-row:hover td:nth-child(4) { background: #e8f0ff !important; }
.pk-modern-compare .price-table .price td { font-weight: 800; }
.pk-modern-compare .price-table tr:last-child td { padding-top: 14px !important; padding-bottom: 14px !important; background: #fff !important; }
.pk-modern-compare .price-table-row th .text-white { color: #334155 !important; opacity: 1 !important; }
.pk-modern-compare .ai-circle-info { color: #2563eb !important; opacity: 1 !important; }
.pk-modern-compare i.ai-check { color: #10b981 !important; font-size: 1rem !important; opacity: 1 !important; }
.pk-modern-compare i.ai-cross { color: #ef4444 !important; font-size: 1rem !important; opacity: 1 !important; }
.pk-modern-compare td.price .monthly-price span.text-light { color: #0f172a !important; opacity: 1 !important; font-weight: 900; }
.pk-modern-compare .monthly-price__billing-period { color: #64748b !important; font-size: .72rem !important; margin-top: 6px; }
.pk-modern-compare .btn.btn-primary { border-radius: 12px !important; font-weight: 900 !important; padding: .65rem .9rem !important; background: linear-gradient(135deg, #2563eb, #4f46e5) !important; border: 0 !important; }

.pk-modern-contact { background: linear-gradient(180deg, #fff7e9 0%, #fff 100%) !important; border-top: 1px solid #ffe6b8; border-bottom: 1px solid #ffe6b8; }
.pk-modern-contact .card { border: 1px solid #e8ecf0; border-radius: 16px; box-shadow: 0 14px 34px rgba(15, 23, 42, .08); }
.pk-modern-contact .form-control { border-radius: 10px; border-color: #d6deea; }
.pk-modern-contact .btn-primary { border-radius: 10px; background: linear-gradient(135deg, #2563eb, #4f46e5); border: none; }

.pk-modern-faq { background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%) !important; }
.pk-modern-faq .accordion-item { border: 1px solid #dbe4f0; border-radius: 12px !important; overflow: hidden; margin-bottom: 10px; }
.pk-modern-faq .accordion-button { font-weight: 600; background: #fff; }
.pk-modern-faq .accordion-button:not(.collapsed) { background: #eef2ff; color: #4338ca; }

@media (max-width: 768px) {
  .pk-compare-section { padding-top: 1.25rem; padding-bottom: 2.5rem; }
  .pk-compare-title { font-size: .95rem; }
  .pk-modern-compare .price-table { font-size: .8rem; }
  .pk-modern-compare .price-table-row th { min-width: 210px; }
  .pk-modern-compare .price-table-row td { min-width: 102px; }
}

@media (prefers-color-scheme: dark) {
  .pk-modern-hero { background: radial-gradient(1200px 420px at 50% -20%, rgba(59, 130, 246, .28), rgba(0, 0, 0, 0)), #050a15 !important; }
  .pk-modern-hero .fs-lg { color: #a8bddf !important; }
  .pk-modern-cards .card { background: #0f1729 !important; border-color: #233049 !important; box-shadow: 0 14px 32px rgba(0, 0, 0, .45); }
  .pk-modern-cards .text-light { color: #e5edff !important; }
  .pk-modern-cards .card.bg-primary { background: linear-gradient(145deg, #1d4ed8, #3730a3) !important; border-color: #3b82f6 !important; }
  .pk-modern-cards .btn.btn-light { background: #0b1220; border-color: #334155; color: #dbeafe; }
  .pk-compare-section { background: #0b1220; border-top-color: #1d2a3e; }
  .pk-compare-title { color: #e5edff; }
  .pk-compare-toggle { color: #93c5fd; border-color: #334155; background: #111a2d; }
  .pk-compare-toggle:hover { background: #17233b; border-color: #475569; color: #bfdbfe; }
  .pk-modern-compare { background: #0f1729; border-color: #22314a; box-shadow: 0 14px 30px rgba(0, 0, 0, .4); }
  .pk-modern-compare .price-table, .pk-modern-compare .price-table-row th, .pk-modern-compare .price-table-row td { background: #0f1729 !important; color: #dbe7ff !important; }
  .pk-modern-compare .price-table thead td, .pk-modern-compare .price-table-head td { background: #111c31 !important; color: #e2e8f0 !important; border-color: #22314a !important; }
  .pk-modern-compare .price-table-head td small, .pk-modern-compare .monthly-price__billing-period { color: #94a3b8 !important; }
  .pk-modern-compare .title { background: #142036 !important; color: #9fb4d6 !important; border-top-color: #22314a !important; }
  .pk-modern-compare .price-table-row td:nth-child(4), .pk-modern-compare .price-table-head td:nth-child(4), .pk-modern-compare .price-popular td:nth-child(4) { background: #182a4b !important; }
  .pk-modern-compare .price-table-row td:nth-child(4) { color: #bfdbfe !important; }
  .pk-modern-compare .price-table-row:hover td, .pk-modern-compare .price-table-row:hover th { background: #111d33 !important; }
  .pk-modern-compare .price-table-row:hover td:nth-child(4) { background: #1c3158 !important; }
  .pk-modern-compare td.price .monthly-price span.text-light { color: #f8fafc !important; }
  .pk-modern-compare .btn.btn-primary { background: linear-gradient(135deg, #2563eb, #4338ca) !important; }
  .pk-modern-compare .price-table tr:last-child td { background: #0f1729 !important; }
  .pk-modern-contact { background: linear-gradient(180deg, #0c1424 0%, #0b1220 100%) !important; border-top-color: #22314a; border-bottom-color: #22314a; }
  .pk-modern-contact h2, .pk-modern-contact p, .pk-modern-contact .form-label { color: #dbe7ff !important; }
  .pk-modern-contact .card { background: #0f1729; border-color: #22314a; box-shadow: 0 14px 30px rgba(0, 0, 0, .4); }
  .pk-modern-contact .form-control { background: #0b1220; color: #e2e8f0; border-color: #334155; }
  .pk-modern-contact .form-control::placeholder { color: #64748b; }
  .pk-modern-contact .form-control:focus { background: #0b1220; color: #e2e8f0; border-color: #3b82f6; box-shadow: 0 0 0 .2rem rgba(59, 130, 246, .2); }
  .pk-modern-faq { background: linear-gradient(180deg, #0f1729 0%, #0b1220 100%) !important; }
  .pk-modern-faq h2, .pk-modern-faq p { color: #dbe7ff !important; }
  .pk-modern-faq .accordion-item { border-color: #22314a; }
  .pk-modern-faq .accordion-button { background: #111c31; color: #dbe7ff; }
  .pk-modern-faq .accordion-button:not(.collapsed) { background: #1b2a46; color: #bfdbfe; }
  .pk-modern-faq .accordion-body { background: #0f1729; color: #c9d7f0; }
}
.kobinet-footer {
    background: #f8f9fa;
    padding: 60px 0 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  }
  
  .footer-upper {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  
  .footer-columns {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .footer-column-title {
    font-size: 13px;
    font-weight: 700;
    color: #2d3748;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    line-height: 1.4;
  }
  
  .footer-link-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .footer-link-list li {
    margin-bottom: 12px;
  }
  
  .footer-link-list a {
    color: #4a5568;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    transition: color 0.2s ease;
  }
  
  .footer-link-list a:hover {
    color: #6366f1;
    text-decoration: underline;
  }
  
  .footer-lower {
    padding: 30px 20px;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .footer-lower-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 30px;
  }
  
  .footer-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
  }
  
  .footer-logo {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 20px;
  }
  
  .footer-brand-text {
    font-size: 18px;
    font-weight: 700;
    color: #2d3748;
    letter-spacing: -0.5px;
  }
  
  .payment-methods {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
  }
  
  .payment-icon {
    width: 48px;
    height: 32px;
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #4a5568;
    padding: 4px;
  }
  
  .payment-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  
  .footer-legal-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 16px;
    
  }
  
  .footer-legal-links a {
    color: #645a5a;
    text-decoration: underline;
    font-size: 13px;
    transition: color 0.2s ease;
    text-decoration: none;
  }
  
  .footer-legal-links a:hover {
    color: #000000;
  }
  
  .footer-social {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
  }
  
  .footer-social a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #000000;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.2s ease;
    font-size: 18px;
  }
  
  .footer-social a:hover {
    background: #4f46e5;
    transform: translateY(-2px);
  }
  
  .footer-social a i {
    font-size: 18px;
  }
  
  .footer-whatsapp-link {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #25d366;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 20px;
    background: rgba(37, 211, 102, 0.1);
    border-radius: 8px;
    transition: all 0.3s ease;
  }
  
  .footer-whatsapp-link:hover {
    background: rgba(37, 211, 102, 0.15);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.2);
    color: #128c7e;
  }
  
  .footer-whatsapp-link i {
    font-size: 24px;
  }
  
  .footer-copyright {
    font-size: 12px;
    color: #718096;
    line-height: 1.6;
    margin-top: 16px;
  }
  
  .footer-vat {
    font-size: 12px;
    color: #718096;
    text-align: right;
  }
  
  .footer-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 16px;
  }
  
  .footer-badges img {
    height: 40px;
    width: auto;
  }
  
  @media (max-width: 1200px) {
    .footer-columns {
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    }
  }
  
  @media (max-width: 768px) {
    .footer-columns {
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
    }
    
    .footer-lower-content {
      flex-direction: column;
    }
    
    .footer-vat {
      text-align: left;
    }
    
    .footer-legal-links {
      flex-direction: column;
      gap: 12px;
    }
  }
  
  @media (max-width: 480px) {
    .footer-columns {
      grid-template-columns: 1fr;
      gap: 30px;
    }
  }
  
  /* Floating WhatsApp Button */
  .whatsapp-float {
    position: fixed;
    width: 56px;
    height: 56px;
    bottom: 90px;
    right: 20px;
    background: #25d366;
    color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    text-decoration: none;
    animation: pulse 2s infinite;
  }
  
  .whatsapp-float:hover {
    background: #128c7e;
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.6);
    text-decoration: none;
    color: white;
  }
  
  .whatsapp-float i {
    font-size: 28px;
  }
  
  @keyframes pulse {
    0% {
      box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    }
    50% {
      box-shadow: 0 4px 20px rgba(37, 211, 102, 0.6);
    }
    100% {
      box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
    }
  }
  
  @media (max-width: 768px) {
    .whatsapp-float {
      width: 52px;
      height: 52px;
      bottom: 85px;
      right: 15px;
      font-size: 26px;
    }
    
    .whatsapp-float i {
      font-size: 26px;
    }
  }
  
  /* Kobinet Help Widget */
  .kobinet-widget-container {
    position: fixed;
    bottom: 20px;
    right: 24px;
    z-index: 10000 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  }
  
  .kobinet-widget-button {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #2842cd, #4f6ef7);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 26px;
    cursor: pointer;
    box-shadow: 0 4px 20px rgba(40,66,205,.45), 0 0 0 0 rgba(40,66,205,.3);
    transition: all 0.3s ease;
    border: none;
    position: relative;
    z-index: 10002 !important;
    animation: widgetPulse 3s infinite;
  }
  @keyframes widgetPulse {
    0%   { box-shadow: 0 4px 20px rgba(40,66,205,.45), 0 0 0 0 rgba(40,66,205,.3); }
    50%  { box-shadow: 0 4px 20px rgba(40,66,205,.45), 0 0 0 12px rgba(40,66,205,.0); }
    100% { box-shadow: 0 4px 20px rgba(40,66,205,.45), 0 0 0 0 rgba(40,66,205,.0); }
  }
  
  .kobinet-widget-button:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
  }
  
  .kobinet-widget-button.has-notification::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 12px;
    height: 12px;
    background: #ea4335;
    border-radius: 50%;
    border: 2px solid white;
  }
  
  .kobinet-widget-box {
    position: absolute;
    bottom: 80px;
    right: 0;
    width: 380px;
    max-height: 600px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    display: none;
    flex-direction: column;
    overflow: hidden;
    animation: slideUpKobinetWidget 0.3s ease;
    z-index: 10001 !important;
  }
  
  .kobinet-widget-box.show {
    display: flex;
  }
  
  .kobinet-widget-header {
    background: #2842cd;
    color: white;
    padding: 20px;
    position: relative;
  }
  
  .kobinet-widget-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    font-size: 14px;
  }
  
  .kobinet-widget-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
  }
  
  .kobinet-widget-greeting {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.4;
    padding-right: 40px;
  }
  
  .kobinet-widget-subtitle {
    font-size: 13px;
    opacity: 0.9;
    margin: 0;
  }
  
  .kobinet-widget-content {
    padding: 20px;
    overflow-y: auto;
    flex: 1;
  }
  
  .kobinet-widget-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  
  .kobinet-widget-option {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid #e8eaed;
    border-radius: 10px;
    text-decoration: none;
    color: #202124;
    transition: all 0.2s ease;
    cursor: pointer;
    background: #f8f9fa;
  }
  
  .kobinet-widget-option:hover {
    border-color: #1a73e8;
    background: white;
    box-shadow: 0 2px 8px rgba(26, 115, 232, 0.15);
    transform: translateY(-2px);
    text-decoration: none;
    color: #202124;
  }
  
  .kobinet-widget-option-icon {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
    flex-shrink: 0;
  }
  
  .kobinet-widget-option-icon.live-chat {
    background: linear-gradient(135deg, #4285f4 0%, #1967d2 100%);
  }
  
  .kobinet-widget-option-icon.whatsapp {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);
  }
  
  .kobinet-widget-option-icon.help-desk {
    background: linear-gradient(135deg, #ea4335 0%, #c5221f 100%);
  }
  
  .kobinet-widget-option-text {
    flex: 1;
  }
  
  .kobinet-widget-option-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 3px;
  }
  
  .kobinet-widget-option-desc {
    font-size: 12px;
    color: #5f6368;
    line-height: 1.4;
  }
  
  @keyframes slideUpKobinetWidget {
    from {
      transform: translateY(20px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  
  @media (max-width: 480px) {
    .kobinet-widget-container {
      bottom: 15px;
      right: 15px;
    }
    
    .kobinet-widget-button {
      width: 56px;
      height: 56px;
      font-size: 26px;
    }
    
    .kobinet-widget-box {
      width: calc(100vw - 30px);
      max-width: 380px;
      bottom: 75px;
      right: 0;
      max-height: 70vh;
    }
    
    .kobinet-widget-header {
      padding: 16px;
    }
    
    .kobinet-widget-greeting {
      font-size: 15px;
      padding-right: 35px;
    }
    
    .kobinet-widget-content {
      padding: 16px;
    }
    
    .kobinet-widget-option {
      padding: 12px;
    }
    
    .kobinet-widget-option-icon {
      width: 40px;
      height: 40px;
      font-size: 18px;
    }
  }

/* Hazir Website Paketleri */
.hw{--pr:#2563eb;--pr-l:#eff6ff;--dark:#0a0f1e;--dark2:#111827;--muted:#6b7280;--bd:#e5e7eb;--r:16px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:#f8fafc;color:#111827;}
/* HERO */
.hw-hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:8rem 1rem 5rem;}
.hw-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(37,99,235,.38) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 85% 80%,rgba(99,102,241,.2) 0%,transparent 60%),linear-gradient(180deg,#0a0f1e 0%,#0f172a 100%);}
.hw-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);}
.hw-hero-inner{position:relative;z-index:1;max-width:800px;margin:0 auto;}
.hw-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.1rem;background:rgba(37,99,235,.15);border:1px solid rgba(37,99,235,.4);color:#93c5fd;font-size:.8rem;font-weight:700;border-radius:100px;margin-bottom:1.75rem;letter-spacing:.05em;text-transform:uppercase;}
.hw-hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:900;line-height:1.1;color:#fff;margin-bottom:1.25rem;letter-spacing:-.04em;}
.hw-hero h1 .gr{background:linear-gradient(135deg,#60a5fa 0%,#818cf8 50%,#34d399 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.hw-hero-p{font-size:1.1rem;color:#94a3b8;max-width:560px;margin:0 auto 2.25rem;line-height:1.75;}
.hw-hero-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem;}
.btn-pr{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.75rem;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border-radius:12px;font-weight:700;font-size:.95rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px rgba(37,99,235,.4);}
.btn-pr:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(37,99,235,.5);color:#fff;}
.btn-gh{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:#e2e8f0;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .2s;}
.btn-gh:hover{background:rgba(255,255,255,.12);color:#fff;}
.hw-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);}
.hw-stat-num{font-size:1.75rem;font-weight:900;color:#fff;letter-spacing:-.03em;}
.hw-stat-num span{color:#60a5fa;}
.hw-stat-lbl{font-size:.78rem;color:#64748b;margin-top:.15rem;}
.hw-scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:#475569;font-size:.75rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;animation:bob 2s infinite;}
@keyframes bob{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
/* TRUST */
.hw-trust{background:#fff;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:1.25rem 0;}
.hw-trust-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem 3rem;}
.hw-trust-item{display:flex;align-items:center;gap:.55rem;font-size:.875rem;font-weight:600;color:#374151;}
.hw-trust-item i{color:var(--pr);}
/* SECTION */
.hw-sec{padding:5rem 0;}
.hw-lbl{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pr);background:var(--pr-l);padding:.3rem .85rem;border-radius:100px;margin-bottom:1rem;}
.hw-title{font-size:clamp(1.6rem,3vw,2.25rem);font-weight:800;color:var(--dark2);margin-bottom:.6rem;text-align:center;letter-spacing:-.03em;}
.hw-sub{font-size:1rem;color:var(--muted);text-align:center;max-width:560px;margin:0 auto 3rem;line-height:1.6;}
/* PACKAGES */
.pkg-wrap{background:#f1f5f9;padding:5rem 0;}
.pkg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;align-items:stretch;}
@media(max-width:1100px){.pkg-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:576px){.pkg-grid{grid-template-columns:1fr;}}
.pkg{background:#fff;border-radius:var(--r);border:1.5px solid var(--bd);padding:2rem 1.75rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s;}
.pkg::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#4f46e5);opacity:0;transition:opacity .25s;}
.pkg:hover{border-color:#bfdbfe;box-shadow:0 16px 48px rgba(37,99,235,.1);transform:translateY(-4px);}
.pkg:hover::before,.pkg.hot::before{opacity:1;}
.pkg.hot{border-color:var(--pr);box-shadow:0 0 0 3px rgba(37,99,235,.12),0 20px 60px rgba(37,99,235,.15);transform:scale(1.02);}
.pkg.hot:hover{transform:scale(1.02) translateY(-4px);}
.pkg-badge{position:absolute;top:1.25rem;right:1.25rem;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:.68rem;font-weight:700;padding:.25rem .7rem;border-radius:100px;}
.pkg-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.25rem;}
.ic-b{background:#eff6ff;color:#2563eb;}.ic-i{background:#eef2ff;color:#4f46e5;}.ic-v{background:#f5f3ff;color:#7c3aed;}.ic-d{background:#f1f5f9;color:#0f172a;}
.pkg-name{font-size:1.15rem;font-weight:800;color:var(--dark2);margin-bottom:.3rem;}
.pkg-desc{font-size:.875rem;color:var(--muted);margin-bottom:1.5rem;line-height:1.5;min-height:2.5em;}
.pkg-div{height:1px;background:var(--bd);margin-bottom:1.25rem;}
.pkg-price{font-size:2.5rem;font-weight:900;color:var(--dark2);letter-spacing:-.04em;line-height:1;}
.pkg-price sup{font-size:1.1rem;font-weight:700;vertical-align:super;}
.pkg-note{font-size:.78rem;color:var(--muted);margin:.3rem 0 1.5rem;}
.pkg-ul{list-style:none;padding:0;margin:0 0 1.75rem;flex:1;}
.pkg-ul li{display:flex;align-items:flex-start;gap:.6rem;padding:.45rem 0;font-size:.875rem;color:#374151;line-height:1.4;border-bottom:1px solid #f3f4f6;}
.pkg-ul li:last-child{border-bottom:none;}
.pkg-ul li i{color:#10b981;font-size:.8rem;margin-top:.2rem;flex-shrink:0;}
.pkg-cta{display:block;width:100%;padding:.9rem 1.25rem;border-radius:10px;font-weight:700;font-size:.9rem;text-align:center;margin-top:auto;transition:all .2s;}
.cta-ol{background:#fff;color:var(--pr);border:2px solid #bfdbfe;}.cta-ol:hover{background:var(--pr-l);border-color:var(--pr);color:var(--pr);}
.cta-fi{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border:none;box-shadow:0 4px 16px rgba(37,99,235,.35);}.cta-fi:hover{box-shadow:0 8px 24px rgba(37,99,235,.45);transform:translateY(-1px);color:#fff;}
.cta-dk{background:#0f172a;color:#fff;border:none;}.cta-dk:hover{background:#1e293b;color:#fff;}
/* COMPARE */
.cmp{background:#fff;padding:5rem 0;border-top:1px solid var(--bd);}
.cmp-scroll{overflow-x:auto;border-radius:var(--r);border:1px solid var(--bd);}
.cmp table{width:100%;border-collapse:collapse;font-size:.875rem;}
.cmp th{padding:1rem 1.25rem;text-align:center;font-weight:700;background:#f8fafc;border-bottom:2px solid var(--bd);color:var(--dark2);}
.cmp th:first-child{text-align:left;}.cmp th.h{background:#eff6ff;color:var(--pr);border-bottom-color:var(--pr);}
.cmp td{padding:.85rem 1.25rem;text-align:center;border-bottom:1px solid #f3f4f6;color:#374151;}
.cmp td:first-child{text-align:left;font-weight:500;color:var(--dark2);}.cmp td.h{background:#fafbff;}
.cmp tr:hover td{background:#f8fafc;}.cmp tr:hover td.h{background:#eff6ff;}
.cmp .ck{color:#10b981;}.cmp .cx{color:#d1d5db;}
.cmp .cat td{background:#f1f5f9;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;padding:.6rem 1.25rem;}
.cmp .cat td.h{background:#e0eaff;}
/* STEPS */
.steps{background:#f8fafc;padding:5rem 0;}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
@media(max-width:992px){.steps-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:576px){.steps-grid{grid-template-columns:1fr;}}
.step{background:#fff;border-radius:var(--r);padding:2rem 1.5rem;border:1px solid var(--bd);transition:box-shadow .2s,transform .2s;}
.step:hover{box-shadow:0 12px 32px rgba(0,0,0,.07);transform:translateY(-3px);}
.step-n{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;font-size:1.1rem;font-weight:900;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;}
.step h3{font-size:1.05rem;font-weight:700;color:var(--dark2);margin-bottom:.5rem;}
.step p{font-size:.875rem;color:var(--muted);line-height:1.6;margin:0;}
/* FEATURES DARK */
.feat-dk{background:linear-gradient(135deg,#0a0f1e 0%,#0f172a 50%,#0a0f1e 100%);padding:5rem 0;color:#fff;position:relative;overflow:hidden;}
.feat-dk::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(37,99,235,.2) 0%,transparent 70%);}
.feat-dk .container{position:relative;z-index:1;}
.feat-dk .hw-title{color:#fff;}.feat-dk .hw-sub{color:#94a3b8;}
.feat-dk .hw-lbl{background:rgba(37,99,235,.2);color:#93c5fd;border:1px solid rgba(37,99,235,.3);}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
@media(max-width:992px){.feat-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:576px){.feat-grid{grid-template-columns:1fr;}}
.feat-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r);padding:2rem 1.5rem;transition:border-color .2s,background .2s,transform .2s;}
.feat-card:hover{border-color:rgba(37,99,235,.4);background:rgba(37,99,235,.06);transform:translateY(-3px);}
.feat-icon{width:52px;height:52px;border-radius:14px;background:rgba(37,99,235,.2);border:1px solid rgba(37,99,235,.3);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#60a5fa;margin-bottom:1.25rem;}
.feat-card h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.6rem;}
.feat-card p{font-size:.875rem;color:#94a3b8;line-height:1.65;margin:0;}
/* INCLUDES */
.inc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;}
@media(max-width:992px){.inc-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:576px){.inc-grid{grid-template-columns:repeat(2,1fr);}}
.inc-item{text-align:center;padding:1.5rem 1rem;border-radius:14px;background:#fff;border:1px solid var(--bd);transition:background .2s,border-color .2s,transform .2s;}
.inc-item:hover{background:var(--pr-l);border-color:#bfdbfe;transform:translateY(-2px);}
.inc-item i{font-size:1.5rem;color:var(--pr);margin-bottom:.75rem;display:block;}
.inc-item strong{font-size:.875rem;color:var(--dark2);display:block;margin-bottom:.2rem;}
.inc-item span{font-size:.75rem;color:var(--muted);}
/* CTA BANNER */
.cta-ban{background:linear-gradient(135deg,#1d4ed8 0%,#4f46e5 100%);border-radius:20px;padding:3.5rem 2rem;text-align:center;position:relative;overflow:hidden;margin:0 0 5rem;}
.cta-ban::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(255,255,255,.08) 0%,transparent 60%);}
.cta-ban>*{position:relative;z-index:1;}
.cta-ban h2{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.6rem;}
.cta-ban p{color:rgba(255,255,255,.85);margin-bottom:1.75rem;}
.cta-ban-btns{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;}
.btn-cw{background:#fff;color:var(--pr);padding:.875rem 1.75rem;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;}.btn-cw:hover{background:#f1f5f9;color:var(--pr);}
.btn-cow{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);padding:.875rem 1.75rem;border-radius:12px;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;}.btn-cow:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff;}
/* FAQ */
.faq-sec{background:#f8fafc;padding:5rem 0;}
.faq-wrap{max-width:760px;margin:0 auto;}
.faq-item{background:#fff;border:1px solid var(--bd);border-radius:14px;margin-bottom:.75rem;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.faq-item:hover{border-color:#bfdbfe;box-shadow:0 4px 16px rgba(37,99,235,.06);}
.faq-item .accordion-button{background:#fff!important;color:var(--dark2)!important;font-weight:600;font-size:.95rem;padding:1.1rem 1.5rem;border:none!important;box-shadow:none!important;}
.faq-item .accordion-button:not(.collapsed){color:var(--pr)!important;}
.faq-body{padding:0 1.5rem 1.25rem!important;font-size:.9rem;color:#475569;line-height:1.7;}
/* BOTTOM */
.bot-txt{background:#fff;padding:4rem 0;border-top:1px solid var(--bd);}
.bot-inner{max-width:760px;margin:0 auto;}
.bot-inner h2{font-size:1.5rem;font-weight:800;color:var(--dark2);margin-bottom:1.25rem;}
.bot-inner p{font-size:.95rem;color:#475569;line-height:1.8;margin-bottom:1.25rem;}

/* Video references */
.hw-video-ref{background:linear-gradient(135deg,#0a0f1e 0%,#0d1b3e 50%,#0a1628 100%);padding:4.25rem 0;}
.hw-video-ref .hw-title{color:#fff;}
.hw-video-ref .hw-sub{color:#c7d2e3;}
.hw-video-ref-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.hw-video-card{position:relative;display:block;min-height:360px;border-radius:16px;overflow:hidden;text-decoration:none;isolation:isolate;background:#0f172a;}
.hw-video-card[data-video-card]{cursor:pointer;}
.hw-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease;}
.hw-video-bg-video{object-fit:cover;z-index:1;}
.hw-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.08) 15%,rgba(15,23,42,.78) 75%,rgba(2,6,23,.92) 100%);}
.hw-video-content{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;}
.hw-video-quote{color:#f8fafc;font-size:1.02rem;line-height:1.45;margin:0 0 10px;}
.hw-video-name{color:#fff;font-weight:800;font-size:1rem;line-height:1.2;}
.hw-video-brand{color:#d1d5db;font-size:.82rem;margin-top:4px;}
.hw-video-live-badge{position:absolute;left:14px;top:14px;z-index:3;background:rgba(15,23,42,.7);border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:999px;padding:5px 10px;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;}
.hw-video-live-badge i{color:#ef4444;font-size:.52rem;}
.hw-video-play{position:absolute;right:14px;bottom:14px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.92);color:#111827;z-index:3;font-size:1rem;}
.hw-video-overlay,.hw-video-content,.hw-video-live-badge,.hw-video-play{pointer-events:none;}
.hw-video-card:hover .hw-video-bg{transform:scale(1.05);}
.hw-video-card:hover .hw-video-play{background:#fff;}
.hw-video-card.is-activated .hw-video-play{opacity:0;pointer-events:none;}
.hw-video-card.is-activated .hw-video-overlay{opacity:0;display:none;}
.hw-video-card.is-activated .hw-video-content{opacity:0;transform:translateY(10px);display:none;}
.hw-video-card.is-activated .hw-video-live-badge{opacity:0;pointer-events:none;}
.hw-video-overlay,.hw-video-content,.hw-video-live-badge{transition:opacity .25s ease,transform .25s ease;}
@media (max-width:1200px){.hw-video-ref-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.hw-video-ref-grid{grid-template-columns:1fr;}.hw-video-card{min-height:330px;}}